let imageUrl;//定义一个图片地址变量
$(function () {
    layui.use(['form', 'layer', 'jquery', 'laydate', 'upload'],
        function () {
            $ = layui.jquery;
            var form = layui.form,
                layer = layui.layer;
            let upload = layui.upload;

            //常规使用 - 普通图片上传
            var uploadInst = upload.render({
                elem: '#test1'
                , url: '/upload' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
                , before: function (obj) {
                    //预读本地文件示例，不支持ie8
                    obj.preview(function (index, file, result) {
                        $('#img').attr('src', result); //图片链接（base64）
                    });
                }
                , done: function (res) {
                    // console.log(res)
                    $("#image").val(res.data.src);
                    imageUrl = res.data.src;//获取到图片地址
                    //如果上传失败
                    if (res.code > 0) {
                        return layer.msg('上传失败');
                    }

                }

            });

            // 加载服务类型
            getServiceType();

            function getServiceType() {
                $.ajax({
                    url: '/back/FindAllArea',
                    data: {enable: 1},
                    type: 'get',
                    dataType: 'json',
                    success: function (res) {
                        console.log(res);
                        setServiceTypeData(res.data);
                    }

                })
            }
            // 获取服务类型，赋值给表单
             function setServiceTypeData(data){
                let str = '';
                 for (let i = 0; i <data.length ; i++) {
                     str += '<option value="'+data[i].id+'">'+data[i].serviceType+'</option>'
                 }
                 //append 往后面添加
                 $("#majorId").append(str);
                 form.render();
                 //得到id后，根据id查询数据库，赋值给前端表单
                 let majorsId = sessionStorage.getItem("majorsId")
                 finMajorByIdData(majorsId);
             }
             function finMajorByIdData(id) {
                   $.ajax({
                       url:'/back/FindMajorById',
                       data:{id:id},
                       type:'get',
                       dataType:'json',
                       success:function (res) {
                           console.log(res);
                           imageUrl = res.data.image;//得到通过id从数据库中查询得到的图片地址
                           setData(res.data);
                       }
                   })
             }

            function setData(data) {
                form.val('form', {
                    "name": data.name // "name": "value"
                    , 'remark': data.remark
                });
                $("#majorId").val(data.majorId);
                $("#id").val(data.id);
                $("#img").attr("src", data.image);
                $("input[type=radio][name=enable][value=" + data.enable + "]").attr("checked", "checked");
                console.log(data);
                form.render();//重新渲染表单
            }

            //监听提交

            form.on('submit(update)',
                function (data) {
                    data = data.field;
                    data.image = imageUrl;//将前端图片地址获取到传给后台
                    //根据id修改
                    data.id = sessionStorage.getItem("majorsId")//修改servlet里没有传id，需获取从user-list.js传过来的id
                    $.ajax({
                        url: '/back/UpdateMajor',
                        data: data,
                        type: 'post',
                        dataType: 'json',
                        success: function (res) {
                            if (res.count > 0) {
                                //发异步，把数据提交给java
                                layer.alert(res.msg, {
                                        icon: 6
                                    },
                                    function () {
                                        //关闭当前frame
                                        xadmin.close();

                                        // 可以对父窗口进行刷新
                                        xadmin.father_reload();
                                    });
                            } else {
                                layer.alert(res.msg)
                            }
                        }
                    })
                    return false;
                });

        });
})